import React, { Component } from 'react'
import { WingBlank, Flex, TabBar } from "antd-mobile";
import "./MyLoginB.scss";
import { withRouter } from "react-router-dom";
class MyLoginB extends Component {
    handeLogin = (params) => {
        this.props.history.push("/login");
      };
    render() {
        return (
                 <div className="appMy">
        <div className="myHead">
               <div className="headTop">我的</div>       
          <WingBlank style={{ marginTop: "0.53333333333rem" }}>
                        
            <Flex justify="between">
                     
              <div className="headBelow">
                          
                <div className="belowLeft">
                    <i className="iconfont icon-touxiang"></i>             
                </div>
                <span>未登录</span>         
              </div>
               
              <button className="login" onClick={this.handeLogin}>
                立即登录
              </button>
                       
            </Flex>
                   
          </WingBlank>
                
        </div>
            <div className="myOrder">我的订单</div>
        <TabBar
          unselectedTintColor="#949494"
          tintColor="#33A3F4"
          barTintColor="white"
        >
          <TabBar.Item
            title="所有订单"
            key="Home"
            icon={<i className="iconfont icon-dingdan_huaban"></i>}
            onPress={() => {
              this.props.history.push("/login");
            }}
          ></TabBar.Item>
          <TabBar.Item
            title="待付款"
            key="obligation"
            icon={<i className="iconfont icon-daifukuan"></i>}
            onPress={() => {
              this.props.history.push("/login");
            }}
          ></TabBar.Item>
          <TabBar.Item
            title="待发货"
            key="Mine"
            icon={<i className="iconfont icon-daifahuo1"></i>}
            onPress={() => {
              this.props.history.push("login");
            }}
          ></TabBar.Item>
        </TabBar>
      </div>
            
        )
    }
}
export default  withRouter(MyLoginB)
